import { StyleSheet } from 'react-native';
import { PAGE_HEIGHT } from './slider/styles';

export default StyleSheet.create({
  container: {
    height: PAGE_HEIGHT * 5
  },
  content: {
    flex: 1,
    zIndex: 2,
    flexDirection: 'row',
    position: 'relative'
  },
  ruler: {
    zIndex: 1,
    top: '50%',
    width: '100%',
    position: 'absolute',
    height: PAGE_HEIGHT,
    borderRadius: 4,
    backgroundColor: '#ececec',
    transform: [{ translateY: '-50%' }]
  }
});